<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ include file="../include/commonimport.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>Computer Info</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<script type="text/javascript">
  var usdeur = [
[Date.UTC(2010,0,1,10,8,23),0.6976],
[Date.UTC(2010,0,1,10,10,23),0.6689],
[Date.UTC(2011,3,1),0.7026],
[Date.UTC(2011,3,4),0.704],
[Date.UTC(2011,3,5),0.7026],
[Date.UTC(2011,3,6),0.6982],
[Date.UTC(2011,3,7),0.6996],
[Date.UTC(2011,3,8),0.6907],
[Date.UTC(2011,3,11),0.6934],
[Date.UTC(2011,3,12),0.6906],
[Date.UTC(2011,3,13),0.692],
[Date.UTC(2011,3,14),0.6896],
[Date.UTC(2011,3,15),0.6931],
[Date.UTC(2011,3,18),0.7024],
[Date.UTC(2011,3,19),0.6961],
[Date.UTC(2011,3,20),0.6888],
[Date.UTC(2011,3,21),0.6869],
[Date.UTC(2011,3,22),0.6869],
[Date.UTC(2011,3,25),0.6874],
[Date.UTC(2011,3,26),0.6801],
[Date.UTC(2011,3,27),0.6763],
[Date.UTC(2011,3,28),0.6738],
[Date.UTC(2011,3,29),0.6753],
[Date.UTC(2011,4,2),0.6759],
[Date.UTC(2011,4,3),0.674],
[Date.UTC(2011,4,4),0.6744],
[Date.UTC(2011,4,5),0.687],
[Date.UTC(2011,4,6),0.6983],
[Date.UTC(2011,4,8),0.696],
[Date.UTC(2011,4,10),0.6945]
];
$(function() {
	var chart = new Highcharts.StockChart({
	    chart: {
	        renderTo: 'container'//指向的div的id属性
	    },
	    exporting: {  
            enabled: false //是否能导出趋势图图片
        }, 
		title : {
				text : 'CPU使用情况'//图表标题
			},
	    xAxis: {
	    	tickPixelInterval: 400,//x轴上的间隔
		//	title :{
		//		text:"title"
		//	},
			type: 'datetime', //定义x轴上日期的显示格式
			labels: {
			formatter: function() {
				var vDate=new Date(this.value);
				//alert(this.value);
				return vDate.getFullYear()+"-"+(vDate.getMonth()+1)+"-"+vDate.getDate();
			},
			align: 'center'
		}
	    },
	    yAxis : {  
                  
              title: {  
                  text: '使用率'  //y轴上的标题
              }  
         },  
		tooltip: {
            xDateFormat: '%Y-%m-%d %H:%M:%S, %A'//鼠标移动到趋势线上时显示的日期格式
        },
	    rangeSelector: {
			buttons: [{//定义一组buttons,下标从0开始
			type: 'week',
			count: 1,
			text: '1周'
		},{
			type: 'month',
			count: 1,
			text: '1月'
		}, {
			type: 'month',
			count: 3,
			text: '3月'
		}, {
			type: 'month',
			count: 6,
			text: '6月'
		}, {
			type: 'ytd',
			text: 'YTD'
		}, {
			type: 'year',
			count: 1,
			text: '1年'
		}, {
			type: 'all',
			text: 'All'
		}],
			selected: 1//表示以上定义button的index,从0开始
	    },
	    
	    series: [{
	        name: 'USD to EUR(美元对欧元)',//鼠标移到趋势线上时显示的属性名
	        data: usdeur//属性值
			//marker : {
			//		enabled : true,
			//		radius : 3
			//	},
			//shadow : true
	    }]
	});
});
  </script>
		
		
			
		
		
		
  </head>
  
  <body>
       <div id="container" style="height: 400px; min-width: 600px"></div>
	http://blog.csdn.net/wan368500/article/details/7722136
  </body>
</html>



